/*
version :   v1
date:       2014.09.02
@公用样式
*/

/*
Layout=========Public===========
*/
.c { *zoom:1;
}
.c:after { clear: both; content: "."; display: block; visibility: hidden; height: 0; }
.mg-r-30 { margin-right: 30px; }
.wrap { width: 1024px; margin: 0 auto; }
.mtb { margin:20px auto 40px; }
.mb { margin-bottom: 40px; }
.mt { margin-top: 40px; }
.mt10 { margin-top: 20px; }
.img { width: 100%; height: auto; }
hr { border: none; border-bottom: 1px dotted #ccc; margin: 40px auto; }
.two .nav-justified > li { width: 508px; display: inline-block }
.two hr{margin:10px 0;}
.two li { width: 510px; display: inline-block }
.three .nav-justified > li { width: 337px; display: inline-block }
.four .nav-justified > li { width: 251px; display: inline-block }
.five .nav-justified > li { width: 199px; display: inline-block }
.six .nav-justified > li { width: 165px; display: inline-block }
.six li { width: 165px; display: inline-block }
.seven .nav-justified > li { width: 141px; display: inline-block }
.table-striped thead th{ text-align:center;}
/*
=============icons==
*/
.icon-pub { display: inline-block; width: 18px; height: 18px; background-image: url(../images/icons-pub.html); background-repeat: no-repeat; }
.inpages-nav div[class*="col"] a { font-size: 16px; margin: 12px 0; }
.inpages-nav .col-xs-12 i { border-bottom: 1px dotted #ccc; display: block; }
.blue, .blue a { color: #00aae8 }
.blue a:hover { color: #017dc3 }
.page { margin: 0 auto 80px; width: 650px }
.bhr { border-bottom: 1px dotted #ccc; padding-bottom: 15px; margin: 30px 0 20px; }
/*
Header ===================
*/
.header { padding: 20px 0; margin-bottom: 50px; }
.header .top-box { width: 800px; }
.header a { display: inline-block; line-height: 24px; }

.header .top-info a { margin-right: 20px; }
.header .top-info a .icon-pub { float: left; margin-top: 3px; margin-right: 5px; }
.header .top-info i { background-color: #014c83; border-radius: 50%; width: 15px; height: 15px; color: #fff; font-size: 10px; text-align: center; vertical-align: middle; padding-top: 3px; }
.header .nav-right { position: relative; width: 80px; min-height: 24px; }
.header .nav-right i { margin-top: 5px; }
.header .nav-right .nav-a { padding: 0 8px; border: 1px solid #fff; position: absolute; width: 100%; }
.header .nav-right .nav-a:hover, .header .nav-right .nav-a-active { border: 1px solid #9c9c9c; border-bottom: none; background-color: #fff; height: 24px; z-index: 2; }
.header .nav-right-box { border: 1px solid #9c9c9c; background-color: #fff; padding: 5px 10px; min-width: 260px; position: absolute; right: 0; top: 23px; z-index: 999; display: none; }
.header .nav-right-box h5 { font-size: 13px; font-weight: bold; clear: both; color: #004a86; margin-bottom: 5px; }
.header .nav-right-box .bd-line { border-bottom: 1px dotted #9c9c9c; }
.header .nav-right-box ul { padding: 0; padding-bottom: 5px; }
.header .nav-right-box li { float: left; }
.header .nav-right-box li a { display: inline-block; padding: 2px 10px 2px 0; }
/*top-nav*/
.color-f{box-shadow: 0px 0px 5px #333;height:42px;line-height:1em;}
.color-f .nav-one {height: 35px!important;line-height: 25px!important;}
.color-f .form-top { margin-top: 0px!important;}
.color-f .nav-box {top: 34px!important;}
.color-f .top-nav li .nav-one{color: #00477f !important;}
.header-menu{position: absolute; top: 76px; width: 100%; z-index: 998; background-color: #fff; }
.top-nav { width: 1024px; margin:0 auto; height: 45px; padding-top: 8px; }
.top-nav li { float: left; position: relative; min-height: 24px; /*padding-bottom: 10px;*/ /* border-bottom: 3px solid #fff;  */margin-right: 60px; cursor: pointer; }
.top-nav li .nav-one { /* border-bottom: 3px solid #fff;  */color: #555; display: block; float: left; font-size: 16px; font-weight: bold; height: 24px; line-height: 24px; padding: 0 0 10px; text-align: center; }
.top-nav li .nav-one { letter-spacing: 1px; }
.top-nav li.active, .top-nav li:hover { /* border-bottom: 3px solid #FFF; */ }
.top-nav li .nav-box { position: absolute; top: 40px; left: 0; width: 1024px; height: 230px; background: rgba(255,255,255,0.5); padding: 15px; z-index: 100; display: none; }
.top-nav .nav-box .text-info, .top-nav .nav-box dl { float: left; padding-top: 10px; }
.top-nav .nav-box .text-info { padding-top: 50px; margin-top: 10px; color: #000; background: url(../images/nav-line.html) repeat-y right top; min-height: 120px; padding-right: 15px; width: 135px;/* height: 180px;*/ overflow: hidden; }
.top-nav .nav-box .text-info strong { font-size: 17px; font-weight: bold; line-height: 30px; }
.top-nav .nav-box dl { padding-left: 15px; width: 115px; height: 210px; overflow: hidden; }
.top-nav .nav-box dl dt { font-size: 13px; font-weight: bold; padding-bottom: 10px; white-space: nowrap; }
.top-nav .nav-box dl dt a { color: #014b88; }
.top-nav .nav-box dl dd a { display: block; padding: 2px 0; color: #000; white-space: nowrap; }
.top-nav .nav-box dl dd a:hover { color: #022d71; text-decoration: underline }
.top-nav .nav-box dl dd a.strong { font-size: 13px; font-weight: bold; color: #014b88; padding: 5px 0; }
.top-nav .nav-box dl dd a:nth-last-of-type(1) {margin-bottom:10px;}
.top-nav .list { display: none; }
.top-nav li .nav-box .dl-bg { background-color: #fff; opacity: 0.8; filter: alpha(opacity=90); position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; }
.top-nav li { float: left; position: relative; min-height: 24px;  min-width: 115px; margin-right: 0px; cursor: pointer; }
.top-nav li .nav-one { /* border-bottom: 3px solid #fff;  */color: #555; overflow: hidden; display: block; float: left; font-size: 16px; font-weight: bold; height: 40px; line-height: 34px; text-align: left; }
.top-nav li.active .nav-one, .top-nav li .nav-one:hover { border-bottom: 3px solid #004986; }
.form-top {margin-top: 4px; width: 175px; height: 26px; background: #fff; border: 1px solid #b5b5b5; }
.form-top .text { background: #fff; border: 0; height: 20px; padding: 2px; width: 145px; }
.form-top .top-search { width: 19px; height: 18px; margin-top: 2px; background: url(../images/btn-search.html); border: none; margin-right: 3px; }


/*footer*/
.footer { width: 100%; min-width: 1024px; max-width: 1920px; }
.footer .nav { width: 100%; background-color: #00aae8; position: relative; height: 42px; }
.footer { clear: both; margin-top: 30px; }
.foot-nav { clear: both; height: 52px; background: url(../images/icon17.html) repeat-x; }
.foot-nav .flogo { float: left; width: 243px; }
.foot-nav .ftxtd { float: left; padding-top: 10px; height: 42px; line-height: 42px; color: #FFF; }
.foot-nav .ftxtd span { font-size: 16px; padding-right: 12px; }
.foot-nav .sns { float: right; padding: 16px 0 6px 0; height: 30px; line-height: 30px; }
.foot-nav .sns a { float: left; padding: 0 0 0 42px; height: 40px; color: #FFF; display: block; }
.foot-nav .sns a:hover { color: #FFF; }
.foot-nav .sns-icon i { font-size: 24px; margin-right: 5px; padding-top: 3px; }
.footld { clear: both; padding: 20px 0; height: 50px; background-color: #FFF;/* overflow:hidden;*/ zoom: 1; }
.footld .titd { line-height: 40px; font-size: 16px; font-weight: bold; }
.footld .flxd { float: left; width: 500px; line-height: 40px; /*overflow:hidden;*/ }
.footld .flxd li { height: 40px; padding-left: 5px; float: left; }
.footld .flxd li a { font-size: 12px; font-family: "微软雅黑"; color: #000; }
.footld .flxd li a:hover { text-decoration: none; color: #0068bc; }
.footld .flxd .lookfd { position: relative; }
.footld .flxd .lookfd .la { padding-right: 15px; background: url(../images/icon19.html) right center no-repeat; }
.footld .flxd .lookfd .lookfli { position: absolute; width: 90px; height: 50px; left: 0; bottom: 32px; z-index: 99999; background-color: #F6F6F6; display: none; }
.footld .flxd .lookfd .lookfli p { width: 90px; height: 25px; line-height: 25px; border-bottom: 1px #CBCBCB solid; }
.footld .flxd .lookfd .lookfli p a { width: 60px; height: 25px; padding-left: 30px; background: url(../images/icon18.html) no-repeat; }
.footld .flxd .lookfd .lookfli p.bg1 a { background-position: 8px 0; font-weight: bold; color: #666666; }
.footld .flxd .lookfd .lookfli p.bg2 a { background-position: 8px -42px; font-weight: bold; color: #666666; }
.footld .flxd .lookfd .lookfli p.bg1 a:hover { color: #0068bc; }
.footld .flxd .lookfd .lookfli p.bg2 a:hover { color: #0068bc; }
.footld .flxd .lookfd.mouse .la { background: url(../images/icon19_u.html) right center no-repeat; }
.footld .flxd .lookfd.mouse .lookfli { display: block; }
.footld .flxd2 { float: left; width: 480px; line-height: 40px; overflow: hidden; }
.footld .flxd2 li { height: 40px; float: left; }
.footld .flxd2 li a { font-size: 12px; font-family: "微软雅黑"; color: #000; }
.footld .flxd2 li a:hover { text-decoration: none; color: #d8262c; }
.footld .flxd .gang1 { margin-left: 8px; margin-right: 2px; }
.footld .fgyd { float: left; width: 800px; line-height: 40px; }
.footld .fgyd p { padding-top: 10px; line-height: 22px; }
.footld .footcopy { width: 500px; height: auto; overflow: hidden; float: right; line-height: 40px; text-align: right; font-size: 12px; font-family: "微软雅黑"; color: #000; }
.footld .footcopy span { padding: 0 10px; }
#returnTop { position: fixed; bottom: 80px; width: 47px; height: 47px; right: 50px; display: none; }
#returnTop a { display: block; width: 47px; height: 47px; background: url(../images/top.html) no-repeat; }
/*二维码扫描*/
.ewmsmd { clear: both; position: fixed; right: 50px; top: 135px; z-index: 10; display: none; }
.ewmsmd .smd { min-width: 103px; padding: 10px; margin-bottom: 10px; border: 1px #DCDCDC solid; background-color: #FFF; position: relative; }
.ewmsmd .smd h3 { margin: 0; padding: 0; font-size: 12px; line-height: 16px; padding-bottom: 5px; font-weight: bold; text-align: center; }
.ewmsmd .smd .sns-close { position: absolute; top: -1px; right: -1px; cursor: pointer; }
/*首页弹出层  home-modal*/
.home-modal .modal-dialog { margin: 0 auto; margin-top: 150px; width: 550px; }
.home-modal .modal-dialog .close { font-size: 30px; font-weight: normal; color: #000; }
.home-modal .join-title { font-size: 13px; font-weight: bold; padding: 15px 0; color: #004a8c; text-align: center; }
.home-modal .join-home { background-color: #ec6c00; display: block; width: 100px; height: 35px; line-height: 35px; border-radius: 3px; text-align: center; margin: 0 auto; color: #fff; }
.home-modal .modal-header { border-bottom: none; padding: 5px; }
.home-modal .modal-body { padding: 0 15PX; }
.home-modal .modal-content { border-radius: 3px; background: none; padding: 5px 25px; box-shadow: none; }
.home-modal .modal-content .bg-color { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; background-color: #fff; opacity: 0.8; filter: alpha(opacity=80); }
.home-modal .modal-footer { border-top: none; padding: 0; padding-bottom: 10px; }
.home-modal .menu-box { width: 125px; height: 85px; background-color: #fff; float: left; border-radius: 4px; margin-right: 45px; margin-bottom: 30px; text-align: center; }
.home-modal .menu-box a { display: block; padding-top: 20px; font-size: 14px; font-weight: bold; color: #454545; }
.home-modal .menu-box a i { display: block; margin-bottom: 5px; font-size: 30px; }
.home-modal .menu-box:hover { background-color: #004b85; }
.home-modal .menu-box:hover a { color: #fff; }
.home-modal .mr0 { margin-right: 0; }